﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>登录注册页面- </title>
	<link th:href="@{css/bootstrap.min.css}" rel="stylesheet">
	<link th:href="@{css/a3common.css}" rel="stylesheet">
	<link rel="stylesheet" th:href="@{css/login.css}">
	<link rel="stylesheet" th:href="@{css/font_43459_lbtux0zjkr6yldi.css}">
</head>


<body>


<div id="main" class="main-warp">
	<div class="main-content">
		<div class="formDiv">

			<h2 class="text-center">登录</h2>

			<p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
			<form id="loginForm" method="post" th:action="@{/login}">
				<div class="dataform" >
					<div class="input-warp gap">
						<span class="input-icon iconfont icon-yonghu1"></span>
						<input id="userName" name="username" type="text" class="inputs" placeholder="用户名" maxlength="64">
					</div>
					<div class="error-content">
						<span id="userNameErr" class="errMsg"></span>
					</div>

					<div class="input-warp gap">
						<span class="input-icon iconfont icon-baomi"></span>
						<input class="inputs" type="password" name="password" placeholder="密码" id="pwd" maxlength="20">
					</div>
					<div class="error-content">
						<span id="passwordErr" class="errMsg"></span>
					</div>

					<div class="btn-warp gap">
						<div class="text-center">
							<input type="hidden" value="jsform" id="_app"/>
							<button type="submit" id="btnLogin" class="btn btn-block lgbtn blue">登录</button>
						</div>
					</div>
					<div class="gap">

						<div class="pull-right" style="margin-top: 6px"><a th:href="@{/toupdatemm}" class="link">忘记密码</a><span class="split-space">|</span><a th:href="@{/toregister}" class="link">新用户注册</a></div>

						<div class="pretty-box">

							<a th:href="@{/}" class="link">返回首页</a>
						</div>
					</div>


					<div class="biggap third-party-title">
						<h5 class="text-center"><span>第三方账号登录</span></h5>
					</div>
					<div class="third-auth">

						<a title="用钉钉登录" class="dt" href="#"></a>
						<a title="用微信账户登录" class="wx" href="#"></a>
						<a title="用QQ账户登录" class="qq" href="#"></a>

					</div>

				</div>
			</form>

		</div>
	</div>
</div>

<style>
	.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights" id="links20210126">
</div>
</body>
</html>